<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
    <link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
    <link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
    <link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css">
    <!-- estilos formularios -->
    <link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
    <link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">
</head>
<body>
	<div id="marco">
	    <!--inicio contenedor -->
	    <div class="arriba-cuerpo"></div>
	    <div class="cuerpo">
	        <a href="<%=contextRoot%>/index.jsf"><img src="<%=contextRoot%>/images/logos.png" /> </a>
	        <div class="clear"></div>
	        <!-- Menu y Usuario init() -->
	        <%@ include file="include/menuUsuario.jsp" %>
	            <!-- Menu y Usuario end() -->
	            <div class="clear"></div>
	            <!-- Formulario -->
	            <div id="buscador">
	                <h2>Gesti<h:outputText value="#{msg.tilde_o}" />n de Elementos Retenidos</h2>
	                <h:form id="operdesmonteretManageElementsForm">
	                    <div id="operdesmonteretInformationContainer" style="display: block;">
	                            <h2>Datos del Desmonte:</h2>
	                            <br />
	                            <span class="left" style="margin-left:0px">
	                            <label style="color:#007B80;">C<h:outputText value="#{msg.tilde_o}"></h:outputText>digo</label>
	                            <label> <h:outputText value="#{operdesmonteretController.operdesmonteret.codigo}"/></label>
	                            </span>
	                            
	                            <span class="left" style="margin-left:10%">
	                            <label style="color:#007B80;">Fecha</label>
	                            <label> <h:outputText value="#{operdesmonteretController.operdesmonteret.fechaRegistro}"/></label>
	                            </span>
	                            
	                            <span class="left" style="margin-left:10%">
	                            <label style="color:#007B80;">Direcci<h:outputText value="#{msg.tilde_o}"></h:outputText>n</label>
	                            <label> <h:outputText value="#{operdesmonteretController.operdesmonteret.direccionRetencion}"/></label>
	                            </span>
	                            <div class="clear"></div><br />
	                            
	                            <span class="left inline" style="margin-left:0px">
	                            <label style="color:#007B80;">C<h:outputText value="#{msg.tilde_e}"></h:outputText>dula Infractor</label>
	                            <label> <h:outputText value="#{operdesmonteretController.operdesmonteret.documentoInfractor}"/></label>
	                            </span>
	                            
	                            <span class="left inline" style="margin-left:5%">
	                            <label style="color:#007B80;">Nombre Infractor</label>
	                            <label> <h:outputText value="#{operdesmonteretController.operdesmonteret.nombreInfractor}"/></label>
	                            </span>
	                            
	                            <span class="left inline" style="margin-left:5%">
	                            <label style="color:#007B80;">C<h:outputText value="#{msg.tilde_e}"></h:outputText>dula Responsable</label>
	                            <label> <h:outputText value="#{operdesmonteretController.operdesmonteret.documentoResponsable}"/></label>
	                            </span>
	                            
	                            <span class="left inline" style="margin-left:5%">
	                            <label style="color:#007B80;">Nombre Responsable</label>
	                            <label> <h:outputText value="#{operdesmonteretController.operdesmonteret.nombreResponsable}"/></label>
	                            </span>

	                           <div class="clear"></div> <br />
	                        
	                        <span class="left inline">
	                            <h:commandButton id="operdesmonteretSearchButton" styleClass="botonsmall"
	                            type="submit" value="Actualizar lista" ondblclick="return false;" action="#{operdesmonteretController.deselementoretenidoController.searchAllDesElementoRetenido}"></h:commandButton>
	                        </span>

	                        <h:form id="operdesmonteretCreateElementForm">
	                            <span class="right">
	                                <h:commandButton id="operdesmonteretCreateElementButton" styleClass="botonsmall"
	                                type="submit" value="Nuevo Elemento" ondblclick="return false;" action="#{operdesmonteretController.deselementoretenidoController.createDesElementoRetenido}"></h:commandButton>
	                            </span>
	                        </h:form>

	                    </div> <!-- FIN div operdesmonteretSearchFormContainer -->
	                </h:form>
	            </div> <!-- Fin div buscador - encabezado -->
	            <div class="clear"></div>
	            <div id="buscador">
	                <h:form id="deselementoretenidoResultsForm">
	                    <div class="clear"></div>
	                    <br />
	                    <span class="left">
	                        <h2>Elementos retenidos en el desmonte</h2>
	                    </span>
	                    <div class="clear"></div>
	                    <rich:dataTable id="deselementoretenidoData" styleClass="scrollerTable" headerClass="standardTable_Header"
					                border="0" cellpadding="3" cellspacing="1" 
					                footerClass="standardTable_Header" rowKeyVar="rowIndex"
      		                rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
      		                onRowMouseOver="this.style.backgroundColor='#C0C0C0'"
      					          onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
					                var="deselementoretenidoRow" value="#{operdesmonteretController.deselementoretenidoController.deselementoretenidoListModel}"
					                rows="10" >
	                        <h:column>
	                            <f:facet name="header">
	                                <h:outputText value="EDITAR" />
	                            </f:facet>
	                            <a4j:commandLink id="updatedesElementoRetenido" styleClass="formTextLink"
	                            title="Ver Detalle..." action="#{operdesmonteretController.deselementoretenidoController.updateDesElementoRetenido}"
	                            reRender="groupTable">
	                                <f:param name="deselementoretenidoDataIndex" value="#{rowIndex}" />
	                                <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;"
	                                />
	                            </a4j:commandLink>
	                        </h:column>
	                        <h:column>
	                            <f:facet name="header">
	                                <h:outputText value="codigo" />
	                            </f:facet>
	                            <h:outputText value="#{deselementoretenidoRow.codigo}" /></h:column>
	                        <h:column>
	                            <f:facet name="header">
	                                <h:outputText value="estado" />
	                            </f:facet>
	                            <h:outputText value="#{deselementoretenidoRow.estado}" /></h:column>
	                        <h:column>
	                            <f:facet name="header">
	                                <h:outputText value="fecha creacion" />
	                            </f:facet>
	                            <h:outputText value="#{deselementoretenidoRow.fechaCrea}" /></h:column>
	                        <h:column>
	                            <f:facet name="header">
	                                <h:outputText value="usuario crea" />
	                            </f:facet>
	                            <h:outputText value="#{deselementoretenidoRow.usuarioCrea}" /></h:column>
	                    </rich:dataTable>
	                    <h:panelGrid columns="1" styleClass="tablapaginacion" columnClasses="standardTable_ColumnCentered">
	                        <rich:datascroller id="deselementoretenidoScroll" for="deselementoretenidoData"
	                        fastStep="10" pageIndexVar="pageIndex" styleClass="scroller" maxPages="9">
	                            <f:facet name="first">
	                                <h:graphicImage url="/images/arrow-first.gif" />
	                            </f:facet>
	                            <f:facet name="last">
	                                <h:graphicImage url="/images/arrow-last.gif" />
	                            </f:facet>
	                            <f:facet name="previous">
	                                <h:graphicImage url="/images/arrow-previous.gif" />
	                            </f:facet>
	                            <f:facet name="next">
	                                <h:graphicImage url="/images/arrow-next.gif" />
	                            </f:facet>
	                            <f:facet name="fastforward">
	                                <h:graphicImage url="/images/arrow-ff.gif" />
	                            </f:facet>
	                            <f:facet name="fastrewind">
	                                <h:graphicImage url="/images/arrow-fr.gif" />
	                            </f:facet>
	                        </rich:datascroller>
	                    </h:panelGrid>
	                </h:form>
	            </div><!-- Fin div buscador - resultados -->
        	<div class="clear"></div>
	    </div>
		<div class="abajo-cuerpo"></div>
	</div>	<!-- Fin contenedor MARCO PRINCIPAL-->
<div class="footer"></div><!-- CONTENEDOR FOOTER -->
<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script>
<!-- De ser 1ro -->
<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script>
<!-- De ser 2do -->
<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script>
<!-- formularios -->
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js"	type="text/javascript" charset="utf-8"></script>
<script	src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js"
	type="text/javascript"></script>
<!-- Quitar si no se usan fechas -->
<script src="<%=contextRoot%>/js/sisdep.js" type="text/javascript"></script>
<!-- Quitar si no se usan funciones custom -->
<script type="text/javascript">
	jQ(document).ready(function() {
		jQ("input, select, input:checkbox, input:radio, input:file").uniform();
	});
</script>
<%@ include file="include/validationStatus.jsp"%>
<%@ include file="include/modalMessageWindow.jsp"%>
</body>
</html>
</f:view>
